*, *:before, *:after {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
html, body {
  height: 100%;
  font-family: "Microsoft YaHei", sans-serif; /* 1 */
  font-weight: 200;
}
html {
  font-size: 20px;
}
body {
  margin: 0;
}

ul, ol, li {
  list-style: none;

}

@media only screen and (min-width: 400px) {
  html {
    font-size: 21.33333333px !important;
  }
}
@media only screen and (min-width: 414px) {
  html {
    font-size: 22.08px !important;
  }
}
@media only screen and (min-width: 480px) {
  html {
    font-size: 25.6px !important;
  }
}

img{vertical-align: bottom; max-width: 100%;max-height: 100%; border: 0;}
p,ul,ol,li,h1,h2,h3,h4,h5,form,input,button,dl,dt,dd{
  margin: 0; padding: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal; font-size: 12px;
}
button {border: none;text-align: center;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust:none;}
a, a:hover {text-decoration: none;color: #404951;}
a:focus, *:focus {outline: none;}
.hide {display: none;}
.block {display: block;}
.fl {float: left;}
.fr {float: right;}
.dib {display: inline-block;}
a:active,button:active{
  backgrond: #a54968;
}
.field-check {
  -webkit-appearance: button;
  text-align: center;
  vertical-align: middle;
  outline: 0;
}
.field-check:checked {border: 0;}
.field-check:checked:before {
  vertical-align: top;
  position: relative;
  left: -1px;
}
aside,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a:active,
a:hover {
  outline: 0;
}

b,
strong {
  font-weight: bold;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

input {
  line-height: normal;
}


input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
